<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/project-common.css">
    <!-- 导入轮播图样式 -->
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/projectshow.css">
    <script src="../lib/jquery.js"></script>
    <!-- 导入图片轮播图代码 -->
    <script src="../lib/jquery.jqzoom.js"></script>
    <script src="../lib/base.js"></script>
    <!-- 导入对应网页代码 -->
    <script src="../js/projectshow.js"></script>
    <title>Document</title>
</head>

<body>
    <!-- 头部 -->
    <div class="head clearfix">
        <!-- 网站提示 -->
        <div class="head-top container-fluid">
            <div class="container c-ffffff">
                <p class="fl ti-210"><a href="./home.html">legochina.cn</a></p>
                <p class="fr">欢迎光临<a href="./home.html">乐购</a>，请 <a href="./login.html">登录</a>\<a href="./register.html">注册</a></p>
                <h1 class="logo">
                    <img src="../image/LOGO_02.jpg" alt="">
                </h1>
            </div>
        </div>
        <!-- 搜索栏区域 -->
        <div class="head-search container pt4b20 clearfix">
            <!-- 搜索区域按钮 -->
            <div class="head-shopping-btn fr">
                <a href="./shoppingcar.html">购物车 <span>3</span></a>
                <a href="#">我的订单</a>
            </div>
            <!-- 搜索框 -->
            <div class="head-search-body fr">
                <input type="text" name="search" class="head-search-text fl" placeholder="创意文具">
                <input type="submit" value="" class="head-search-btn fl">
            </div>
        </div>
        <!-- 导航栏 -->
        <div class="head-nav container clearfix fsize-16">
            <ul class="fr">
                <li><a href="#">图书</a></li>
                <li><a href="projectlist.html">电子书</a></li>
                <li><a href="#">原创文学</a></li>
                <li><a href="#">服装</a></li>
                <li><a href="#">运动户外</a></li>
                <li><a href="#">孕婴童</a></li>
                <li><a href="#">家居</a></li>
                <li><a href="#">创意文具</a></li>
                <li><a href="#">地方特产</a></li>
                <li><a href="#">海外购</a></li>
                <li><a href="#">电器城</a></li>
            </ul>
        </div>
    </div>

    <!-- 商品介绍 -->
    <div class="project container-fluid">
        <div class="project-body container clearfix">
            <div class="right-extra fl">
                <!--产品参数开始-->
                <div>
                  <div id="preview" class="spec-preview"> <span class="jqzoom"><img jqimg="../image/b1.jpg" src="../image/s1.jpg" /></span> </div>
                  <!--缩图开始-->
                  <div class="spec-scroll"> <a class="prev">&lt;</a> <a class="next">&gt;</a>
                    <div class="items">
                      <ul>
                        <li><img alt="佳能" bimg="../image/b1.jpg" src="../image/s1.jpg" onmousemove="preview(this);"></li>
                        <li><img alt="佳能" bimg="../image/b2.jpg" src="../image/s2.jpg" onmousemove="preview(this);"></li>
                        <li><img alt="佳能" bimg="../image/b3.jpg" src="../image/s3.jpg" onmousemove="preview(this);"></li>
                        <li><img alt="佳能" bimg="../image/b1.jpg" src="../image/s1.jpg" onmousemove="preview(this);"></li>
                        <li><img alt="佳能" bimg="../image/b3.jpg" src="../image/s3.jpg" onmousemove="preview(this);"></li>
                        <li><img alt="佳能" bimg="../image/b1.jpg" src="../image/s1.jpg" onmousemove="preview(this);"></li>
                        <li><img alt="佳能" bimg="../image/b2.jpg" src="../image/s2.jpg" onmousemove="preview(this);"></li>
                        <li><img alt="佳能" bimg="../image/b1.jpg" src="../image/s1.jpg" onmousemove="preview(this);"></li>
                        <li><img alt="佳能" bimg="../image/b2.jpg" src="../image/s2.jpg" onmousemove="preview(this);"></li>
                        <li><img alt="佳能" bimg="../image/b2.jpg" src="../image/s2.jpg" onmousemove="preview(this);"></li>
                        <li><img alt="佳能" bimg="../image/b1.jpg" src="../image/s1.jpg" onmousemove="preview(this);"></li>
                        <li><img alt="佳能" bimg="../image/b2.jpg" src="../image/s2.jpg" onmousemove="preview(this);"></li>
                      </ul>
                    </div>
                  </div>
                  <!--缩图结束-->
                </div>
                <!--产品参数结束-->
            </div>
            <div class="project-body-text fr mt6">
                <h3 class="ti-16 lineh-35">
                    <p class=" fsize-22">她和他</p>
                    <p class="c-ff0d00 fsize-18">《偷影子的人》作者马克·李维重磅新作，法国连续60周在榜，销量突破120万册</p>
                    <p class="c-808080 fsize-16">[法] 马克·李维 著；杨亦雨 译</p>
                </h3>
                <div class="project-body-text-money fsize-16 lineh-35">
                    <p>
                        乐购价:<span class="fsize-24 c-ff0d00">￥26.20</span> [6.9折] [定价：<del>￥38.00</del>] <a href="#">(降价通知)</a>
                    </p>
                    <p>
                        促销信息：<span class="c-ff0d00">满减 每满150.00元，可减50.00元现金</span>   <a href="#">详情 >></a>
                    </p>
                    <p class="project-body-text-money-quan mt16">
                        领券:<a href="#">100-6</a><a href="#">100-6</a>
                    </p>
                </div>
                <p class="project-body-text-wuping pl16 mt10">
                    <span>种类选择</span>
                    <b>平装版</b>
                    <b>精装版</b>
                </p>
                <div class="mt48 pl16">
                    <p class="fl mt9">
                        <input class="pronum fl" type="text" value="1">
                        <span class="pronum-btn fl">
                            <span class="add">+</span>
                            <span class="reduce">-</span>
                        </span>
                    </p>
                    <button class="shoppingbtn fsize-26 ml15">加入购物车</button>
                </div>
            </div>
        </div>
    </div>

    <!-- 页脚 -->
    <div class="foot">
        <div class="border6-top-f60 bgc-f2f2f2 container-fluid">
            <div class="foot-top container">
                <img src="../image/222_11.png" alt="">
                <img src="../image/222_13.png" alt="">
                <img src="../image/222_15.png" alt="">
                <img src="../image/222_17.png" alt="">
            </div>
        </div>
        <div class="foot-bottom border-top-tran container">
            <div class="foot-bottom-zhinan clearfix">
                <dl>
                    <dt>购物指南</dt>
                    <dd>
                        <a href='#'>购物流程</a>
                    </dd>
                    <dd><a href='#'>发票制度</a></dd>
                    <dd><a href='#'>账户管理</a></dd>
                    <dd><a href='#'>会员优惠</a></dd>
                </dl>
                <dl>
                    <dt>支付方式</dt>
                    <dd><a href='#'>货到付款</a></dd>
                    <dd><a href='#'>网上支付</a></dd>
                    <dd><a href='#'>礼品卡支付</a></dd>
                    <dd><a href='#'>银行转帐</a></dd>
                </dl>
                <dl>
                    <dt>订单服务</dt>
                    <dd><a href='#'>订单配送查询</a></dd>
                    <dd><a href='#'>订单状态说明</a></dd>
                    <dd><a href='#'>自助取消订单</a></dd>
                    <dd><a href='#'>自助修改订单</a></dd>
                </dl>
                <dl>
                    <dt>退换货</dt>
                    <dd><a href='#'>退换货政策</a></dd>
                    <dd><a href='#'>自助申请退换货</a></dd>
                    <dd><a href='#'>退换货进度查询</a></dd>
                    <dd><a href='#'>退款方式和时间</a></dd>
                </dl>
                <dl>
                    <dt>商家服务</dt>
                    <dd><a href='#'>商家中心</a></dd>
                    <dd><a href='#'>运营服务</a></dd>
                    <dd><a href='#'>加入尾品汇</a></dd>
                </dl>
            </div>
            <h1 class="logo">
                <img src="../image/logo_00.png" alt="">
            </h1>
            <p class="mt48">公司简介 | Investor Relations | 网站联盟 | 乐购招商 | 机构销售 | 手机乐购 | 官方Blog | 热词搜索</p>
            <p class="mt24">Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
        </div>
    </div>
</body>
</html>